<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>首页</title>
		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="css/font-awesome-4.3.0/css/font-awesome.min.css" />
		<link href="css/config.css" rel="stylesheet" />
		<link href="css/base.css" rel="stylesheet" />
		<link href="css/my.css" rel="stylesheet" />
		<link href="css/index.css" rel="stylesheet" />
		<link href="css/circle.css" rel="stylesheet" />
		<style>
			nav {
				/*background: rgb(97,222,182);*/
				background-image: -moz-linear-gradient(-45deg, rgba(97, 222, 182, 1) 0%, rgba(14, 200, 206, 1) 52%, rgba(97, 222, 182, 1) 100%)!important;
				background-image: -webkit-linear-gradient(-45deg, rgba(97, 222, 182, 1) 0%, rgba(14, 200, 206, 1) 52%, rgba(97, 222, 182, 1) 100%)!important;
				background-image: linear-gradient(135deg, rgba(97, 222, 182, 1) 0%, rgba(14, 200, 206, 1) 52%, rgba(97, 222, 182, 1) 100%)!important;
				/*background-image: -moz-linear-gradient(left, rgba(14, 200, 206, 1) 0%, rgba(98, 224, 178, 1) 100%)!important;
    background-image: -webkit-linear-gradient(left, rgba(14, 200, 206, 1) 0%, rgba(98, 224, 178, 1) 100%)!important;
    background-image: linear-gradient(to right, rgba(14, 200, 206, 1) 0%, rgba(98, 224, 178, 1) 100%)!important;*/
				background-size: 100% 3px!important;
				background-repeat: no-repeat!important;
				background-position: top right!important;
			}
			
			.mui-badge {
				right: 100%;
				margin-right: -10px;
				left: inherit!important;
			}
			
			.mui-backdrop {
				background-color: rgba(0, 0, 0, 0);
			}
			
			.circle-slider .mui-control-item {
				line-height: 38px!important;
			}
		</style>
	</head>

	<body>
		<!----------------首页-------------->
		<div class="mui-content mui-control-content mui-fullscreen  mui-active  " id="tab-view-index" style="background:#f7f7f7!important;">
			<header class="mui-bar mui-bar-nav km-navbar">
				<h1 id="title" class="mui-title km-view-title">首页</h1>
				<a class="mui-icon mui-icon-email mui-pull-right padding-item" href="circle/circle-message.html"><span class="mui-badge mui-badge-danger">4</span></a>
			</header>
			<div class="mui-content3 mui-scroll-wrapper">
				<div class="mui-scroll">
					<div class="section section-button-for-two">
						<!--要判断登录，未登录弹出登录框-->
						<a class="index-menu-zys" href="view/doctor-list.html"><img src="img/doctor-dianhua.png" />
							<dl>
								<dt>找医生</dt>
								<dd>三甲医院&nbsp;风湿专家</dd>
							</dl>
						</a>
						<a class="index-menu-mfzx" href="view/index-mfzx.html"><img src="img/doctor-tuwen.png" />
							<dl>
								<dt>免费咨询</dt>
								<dd>身体不适&nbsp;就医指导</dd>
							</dl>
						</a>
					</div>
					<div class="section">
						<p class="title">推荐医生</p>
						<a class="title-button-right"><i class="fa fa-refresh"></i>换一批</a>
						<ul class="jg-padded ul-menu-for-4" id="doctor-tuijian-list">
							<li>
								<a href="view/doctor-detail.html"><img src="img/sim.png" /></a>
								<dl><dt>王医生</dt>
									<dd>主任医师</dd>
								</dl>
							</li>
							<li>
								<a href="view/doctor-detail.html"><img src="img/sim.png" /></a>
								<dl><dt>王医生</dt>
									<dd>主治医师</dd>
								</dl>
							</li>
							<li>
								<a href="view/doctor-detail.html"><img src="img/sim.png" /></a>
								<dl><dt>王医生</dt>
									<dd>主治医师</dd>
								</dl>
							</li>
							<li>
								<a href="view/doctor-detail.html"><img src="img/sim.png" /></a>
								<dl><dt>王医生</dt>
									<dd>主治医师</dd>
								</dl>
							</li>
						</ul>
					</div>

					<div class="section">
						<p class="title">自我管理</p>
						<ul class="jg-padded ul-menu-for-4 menu-for-4-small" id="menu-zwgl">
							<li>
								<a href="view/index-bqpg-list.html"><img src="img/bqpg.png" /></a>
								<dl><dt>病情评估</dt>
								</dl>
							</li>
							<li>
								<a href="view/index-yygl-list.html"><img src="img/yygl.png" /></a>
								<dl><dt>用药管理</dt>
								</dl>
							</li>
							<li>
								<a href="view/index-blsj-list.html"><img src="img/ycjl.png" /></a>
								<dl><dt>异常记录</dt>
								</dl>
							</li>
							<li>
								<a href="view/index-jyjc-list.html"><img src="img/jybg.png" /></a>
								<dl><dt>检验检查</dt>
								</dl>
							</li>
						</ul>
					</div>

					<!-----------------典型案例 从免费咨询里面取5条 评论数量从医生第一句回答开始计算，包括之后所有医患之间的沟通-------------------------->
					<div class="section">
						<p class="title">典型案例</p>
						<a class="title-button-right"><i class="fa fa-refresh"></i>换一批</a>
						<ul class="ul-list-QA" id="area-yzzx">
							<li>
								<a href="circle/circle-post.html">
									<span class="icon"><i class="fa fa-commenting-o"></i>17</span>
									<p class="question"><span>问题：</span>吃了xxx药3天后出现上吐下泻的情况</p>
									<p class="discrpt"><span>描述：</span>今年40岁，有关节炎，吃了xxx药3天后出现上吐下泻的情况,请问是否要停药。今年40岁，有关节炎，吃了xxx药3天后出现上吐下泻的情况</p>
								</a>
							</li>

							<li>
								<a href="circle/circle-post.html">
									<span class="icon"><i class="fa fa-commenting-o"></i>17</span>
									<p class="question"><span>问题：</span>吃了xxx药3天后出现上吐下泻的情况</p>
									<p class="discrpt"><span>描述：</span>今年40岁，有关节炎，吃了xxx药3天后出现上吐下泻的情况,请问是否要停药。今年40岁，有关节炎，吃了xxx药3天后出现上吐下泻的情况</p>
								</a>
							</li>
						</ul>
					</div>
					<!-----------------典型案例 end-------------------------->

					<!-----------------专家讲堂 取3条-------------------------->
					<div class="section">
						<p class="title">专家讲堂</p>
						<a class="title-button-right"><i class="fa fa-refresh"></i>换一批</a>
						<ul class="jg-padded ul-list-media">
							<li>
								<a href="circle/circle-post.html">
									<div class="img" style="background-image:url(img/yx-img.jpg);"></div>
									<dl>
										<dt>风湿病有关科普知识</dt>
										<dd>1、什么是风湿病？风湿病指侵犯骨骼肌肉系统（如关节、肌肉、韧带、肌腱、滑囊等）</dd>
									</dl>
								</a>
							</li>
							<li>
								<a href="circle/circle-post.html">
									<div class="img" style="background-image:url(img/yx-img.jpg);"></div>
									<dl>
										<dt>风湿病的危害有哪些？</dt>
										<dd>风湿病临床发病率相当高，可涉及从婴儿到老年的各种人群，部分病种具有遗传性。</dd>
									</dl>
								</a>
							</li>
						</ul>
					</div>
					<!-----------------专家讲堂 end-------------------------->

					<!-----------------资讯 取3条-------------------------->
					<div class="section">
						<p class="title">资讯</p>
						<a class="title-button-right"><i class="fa fa-refresh"></i>换一批</a>
						<ul class="jg-padded ul-list-media">
							<li>
								<a href="circle/circle-post.html">
									<div class="img" style="background-image:url(img/yx-img.jpg);"></div>
									<dl>
										<dt>风湿病有关科普知识</dt>
										<dd>1、什么是风湿病？风湿病指侵犯骨骼肌肉系统（如关节、肌肉、韧带、肌腱、滑囊等）</dd>
									</dl>
								</a>
							</li>
							<li>
								<a href="circle/circle-post.html">
									<div class="img" style="background-image:url(img/yx-img.jpg);"></div>
									<dl>
										<dt>风湿病的危害有哪些？</dt>
										<dd>风湿病临床发病率相当高，可涉及从婴儿到老年的各种人群，部分病种具有遗传性。</dd>
									</dl>
								</a>
							</li>
						</ul>
					</div>
					<!-----------------资讯 end-------------------------->

				</div>
			</div>
		</div>
		<!-------------首页 end-------------->

		<!---------------我的医生-------------->
		<div class="mui-content mui-control-content mui-fullscreen " id="tab-view-doctor">
			<!--<header class="mui-bar mui-bar-nav km-navbar transparent-header">
				<h1 id="title" class="mui-title km-view-title">我的医生</h1>
				<a class="mui-icon mui-icon-plus mui-pull-right" ontouchstart="showDtAdd()"></a>
			</header>-->
			<div class="circle-weihu-header">
				<img src="img/dna-gray-medical-ppt-backgrounds-powerpoint.jpg" class="bottomImg" />
			</div>
			<div class="mui-content4 mui-scroll-wrapper mui-fullscreen doctor-content" style=" overflow: visible;bottom:55px!important;top:120px;height: auto;overflow:visible;">
				<div class="mui-scroll ">
					<div class="scroll-content">
						<div class="current-doctor-img"><img src="img/sim.jpg" /></div>
						<dl class="current-doctor-info">
							<dt>刘医生&nbsp;<font size="2">主任医生</font></dt>
							<dd>xxx医院</dd>
						</dl><a class="change-doctor" ontouchstart="openWindow('view/doctor-guanzhu-list.html','view/doctor-guanzhu-list.html')">更换医生</a>
						<div class="doctor-jianjie" style="padding-top:50px;">
							<ul class="mui-table-view">
								<li class="mui-table-view-cell mui-collapse" style="margin-top:1px;">
									<a class="mui-navigate-right light-gray-half" style="line-height:30px!important;font-size:16px;color:gray!important;padding:5px!important;">医生详情</a>
									<div class="mui-collapse-content">
										<div class="jianjie-content" style="background:white!important;box-shadow:none;"> 董怡，女。1956年毕业于上海第一医学院医疗系。同年起服务于协和医科大学，中国医学科学院北京协和医院内科。1980年派赴英国进修风湿病学。1987年晋升为北京协和医院内科（风湿病专业）教授。1990年批准为博士生导师。临床专业重点为自身免疫性结缔组织病及各类关节病的诊断和治疗。多年来涉及干燥综合征、系统性红斑狼疮、类风湿关节炎等的临床及与临床相关的基础分子生物学的研究。培养研究生10余名。获国家科技进步奖两项，卫生部科技进步奖一项，北京市科技进步奖一项及亚太风湿病学会联盟的终身荣誉奖。目前正进行干燥综合征的国际合作课题。曾任北京协和医院风湿科主任，中华医学会风湿病学分会主任委员，北京市风湿病分会主任委员，中华风湿病学杂志总编，亚太风湿病联盟副主席。共发表论文百余篇。</div>
									</div>
								</li>
						</div>
						<!---------------------我的服务------------------------->
						<div class="section">
							<p class="title">我的服务</p>
							<!--开通的业务高亮，高亮图标点击后先弹出confirm，问是否开始咨询-->
							<div class="jg-padded">
								<ul class="ul-menu-for-4 ">
									<li>
										<a class="active" ontouchstart="openWindow('view/index-mfzx.html','view/index-mfzx.html');"><i class="fa fa-coffee"></i>
									<dl><dt>免费咨询</dt>
										<dd>一周一次</dd>
									</dl></a>
									</li>
									<li>
										<a class="active" ontouchstart="openWindow('view/doctor-dialog-text.html','view/doctor-dialog-text.html')"><i class="fa fa-picture-o"></i>
									<dl><dt>图文咨询</dt>
										<dd>10元/一次</dd>
									</dl></a>
									</li>
									<li>
										<a class="active" ontouchstart="openWindow('view/doctor-dialog-sound.html','view/doctor-dialog-sound.html')"><i class="fa fa-microphone"></i>
									<dl><dt>语音咨询</dt>
										<dd>15元/次</dd>
									</dl></a>
									</li>
									<li>
										<a href="#actionsheet-pay"><i class="fa fa-user-md"></i>
										<dl><dt>私家医生</dt>
											<dd>300元/年</dd>
										</dl></a>
									</li>
								</ul>
							</div>
						</div>
						<!---------------------我的服务 end------------------------->

						<!---------------------患者好评 取5条------------------------->
						<div class="section">
							<p class="title">患者好评</p>
							<a class="title-button-right"><i class="fa fa-refresh"></i>换一批</a>
							<!--好评列表只显示图文咨询的-->
							<ul class="ul-list-goodRegard" id="area-hzhp">
								<li>
									<a href="view/doctor-dialog-text.html">
										<p>132*******1&nbsp;病人甲</p>
										<div class="jg-padded content">非常认真仔细</div>
										<div class="people-card">
											<img src="img/sim.png" /><span>刘医生<font color="#ccc">医师</font></span>
										</div>
									</a>
								</li>
								<li>
									<a href="view/doctor-dialog-text.html">
										<p>132*******1&nbsp;病人甲</p>
										<div class="jg-padded content">非常认真仔细</div>
										<div class="people-card">
											<img src="img/sim.png" /><span>刘医生<font color="#ccc">医师</font></span>
										</div>
									</a>
								</li>

							</ul>
						</div>
						<!---------------------患者好评 end------------------------->
					</div>
				</div>
			</div>
		</div>
		<!-------------我的医生 end-------------->

		<!---------------问诊记录-------------->
		<div class="mui-content mui-control-content mui-fullscreen" id="tab-view-chat">
			<header class="mui-bar mui-bar-nav km-navbar white-header ">
				<div class="header-tabbar">
					<div id="segmentedControl" class="mui-segmented-control" style="width:60%;left:45%;">
						<a class="mui-control-item mui-active" id="messageStyle1">
                             待接诊
                        </a>
						<a class="mui-control-item" id="messageStyle2">
                            问诊中                        </a>
						<a class="mui-control-item" id="messageStyle3">
                            已结束
                        </a>
					</div>
				</div>
			</header>
			<!--待接诊-->
			<div id="messageStyle1div" class="mui-content3 mui-fullscreen mui-scroll-wrapper" style="background:#efefef;">
				<div class="mui-scroll">
					<ul class="ul-list-QA ul-djz" style="margin-top:15px;">
						<li>
							<a href="view/doctor-dialog-text.html">
								<div class="people-card zx-list-free">
									<span>免费咨询</span>
								</div>
								<span class="icon"><font color="orange">待接诊</font></span>
								<p class="discrpt"><span></span>今年40岁，有关节炎，吃了xxx药3天后出现上吐下泻的情况,请问是否要停药。今年40岁，有关节炎，吃了xxx药3天后出现上吐下泻的情况</p>

							</a>
						</li>
						<li>
							<a href="view/doctor-dialog-text.html">
								<div class="people-card">
									<img src="img/sim.png"><span>刘医生<font color="#ccc">医师</font></span>
								</div>
								<span class="icon"><font color="orange">待接诊</font></span>
								<p class="discrpt"><span></span>今年40岁，有关节炎，吃了xxx药3天后出现上吐下泻的情况,请问是否要停药。今年40岁，有关节炎，吃了xxx药3天后出现上吐下泻的情况</p>

							</a>
						</li>
					</ul>
				</div>
			</div>
			<!--end 待接诊-->

			<!--问诊中-->
			<div id="messageStyle2div" class="mui-content3 mui-fullscreen mui-scroll-wrapper" style="background:#efefef;display: none;">
				<div class="mui-scroll">
					<ul class="ul-list-QA ul-djz" style="margin-top:15px;">
						<li>
							<a href="view/doctor-dialog-text.html">
								<div class="people-card zx-list-free">
									<span>免费咨询</span>
								</div>
								<span class="icon"><font color="#31A7E5">问诊中</font></span>
								<p class="discrpt"><span></span>今年40岁，有关节炎，吃了xxx药3天后出现上吐下泻的情况,请问是否要停药。今年40岁，有关节炎，吃了xxx药3天后出现上吐下泻的情况</p>

							</a>
						</li>
						<li>
							<a href="view/doctor-dialog-text.html">
								<div class="people-card">
									<img src="img/sim.png"><span>刘医生<font color="#ccc">医师</font></span>
								</div>
								<span class="icon"><font color="#31A7E5">问诊中</font></span>
								<p class="discrpt"><span></span>今年40岁，有关节炎，吃了xxx药3天后出现上吐下泻的情况,请问是否要停药。今年40岁，有关节炎，吃了xxx药3天后出现上吐下泻的情况</p>

							</a>
						</li>
					</ul>
				</div>
			</div>
			<!--end 问诊中-->

			<!--已结束-->
			<div id="messageStyle3div" class="mui-content3 mui-fullscreen mui-scroll-wrapper" style="background:#efefef;display: none;">
				<div class="mui-scroll">
					<ul class="ul-list-QA ul-djz" style="margin-top:15px;">
						<li>
							<a href="view/doctor-dialog-text.html">
								<div class="people-card zx-list-free">
									<span>免费咨询</span>
								</div>
								<span class="icon">已结束</span>
								<p class="discrpt"><span></span>今年40岁，有关节炎，吃了xxx药3天后出现上吐下泻的情况,请问是否要停药。今年40岁，有关节炎，吃了xxx药3天后出现上吐下泻的情况</p>

							</a>
							<a class="go-review" href="view/doctor-comment.html">去评论</a>
						</li>
						<li>
							<a href="view/doctor-dialog-text.html">
								<div class="people-card">
									<img src="img/sim.png"><span>刘医生<font color="#ccc">医师</font></span>
								</div>
								<span class="icon">已结束</span>
								<p class="discrpt"><span></span>今年40岁，有关节炎，吃了xxx药3天后出现上吐下泻的情况,请问是否要停药。今年40岁，有关节炎，吃了xxx药3天后出现上吐下泻的情况</p>

							</a>
							<a class="go-review yipinglun" href="view/doctor-comment.html">已评论</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<!--end 已结束-->
		<!-------------问诊记录 end-------------->

		<!---------------风湿圈-------------->
		<div class="mui-content mui-control-content mui-fullscreen" id="tab-view-circle" style="background:#f7f7f7;">
			<header class="mui-bar mui-bar-nav km-navbar white-header" id="link-circle-top">
				<a class="mui-icon mui-icon-search mui-pull-left" href="circle/circle-search.html"></a>
				<h1 id="title" class="mui-title km-view-title">医圈</h1>
				<a class="mui-icon mui-icon-email mui-pull-right padding-item" href="circle/circle-message.html"><span class="mui-badge mui-badge-danger">4</span></a>
				<a class="mui-icon mui-icon-plus mui-pull-right padding-item" href="circle/circle-circle-add.html"></a>
			</header>
			<div id="slider" class="mui-fullscreen mui-slider mui-content3 circle-slider">
				<div id="sliderSegmentedControl" class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
					<a class="mui-control-item mui-active" href="#item1mobile" id="button-postMenu" ontouchstart="showPostMenu()">
						<i class="fa fa-angle-down"></i><span>热帖</span>
					</a>
					<a class="mui-control-item" href="#item2mobile">
						圈子
					</a>

				</div>
				<div id="sliderProgressBar" class="mui-slider-progress-bar mui-col-xs-6"></div>
				<div class="mui-slider-group" style="top:94px!important;">
					<!--帖子-->
					<div id="item1mobile" class="mui-slider-item mui-control-content mui-active" style="overflow-y: scroll;">
						<ul class="circle-ul-1" id="post-area">
							<li>
								<a href="circle/circle-post.html">
									<div class="top">
										<div class="img">
											<img src="img/example1.png" />
										</div>
										<dl><dt>王医生</dt>
											<dd>内科</dd>
										</dl>
										<span class="reply"><i class="fa fa-commenting-o"></i>25</span>
										<span class="time">02-06</span>
									</div>
									<p class="title">肠道微生态与功能性胃肠病</p>
									<div class="content-img">
										<img src="img/example3.png" />
										<img src="img/example4.jpg" />
										<img src="img/example6.jpg" />
									</div>
								</a>
							</li>
							<li>
								<a href="circle/circle-post.html">
									<div class="top">
										<div class="img">
											<img src="img/example2.png" />
										</div>
										<dl><dt>王医生</dt>
											<dd>内科</dd>
										</dl>
										<span class="reply"><i class="fa fa-commenting-o"></i>25</span>
										<span class="time">02-06</span>
									</div>
									<p class="title">肠道微生态与功能性胃肠病</p>
									<div class="content-text">
										全球胃肠病学研究者和临床医生在肠道微生态、早癌内镜诊治、炎症性肠病等领域硕果累累 2015年美国汤森路透“引文桂冠奖”(医学组)颁发给了美国华盛顿大学戈登(JeffreyI.Gordon)教授，以表彰其团队在验证人类肠道微生物群落与人类生理、代谢及营养关系方面作出的重要贡献。
									</div>
								</a>
							</li>
							<li>
								<a href="circle/circle-post.html">
									<div class="top">
										<div class="img">
											<img src="img/example1.png" />
										</div>
										<dl><dt>王医生</dt>
											<dd>内科</dd>
										</dl>
										<span class="reply"><i class="fa fa-commenting-o"></i>25</span>
										<span class="time">02-06</span>
									</div>
									<p class="title">肠道微生态与功能性胃肠病</p>
									<div class="content-img">
										<img src="img/example3.png" />
										<img src="img/example4.jpg" />
										<img src="img/example6.jpg" />
									</div>
								</a>
							</li>
							<li>
								<a href="circle/circle-post.html">
									<div class="top">
										<div class="img">
											<img src="img/example2.png" />
										</div>
										<dl><dt>王医生</dt>
											<dd>内科</dd>
										</dl>
										<span class="reply"><i class="fa fa-commenting-o"></i>25</span>
										<span class="time">02-06</span>
									</div>
									<p class="title">肠道微生态与功能性胃肠病</p>
									<div class="content-text">
										全球胃肠病学研究者和临床医生在肠道微生态、早癌内镜诊治、炎症性肠病等领域硕果累累 2015年美国汤森路透“引文桂冠奖”(医学组)颁发给了美国华盛顿大学戈登(JeffreyI.Gordon)教授，以表彰其团队在验证人类肠道微生物群落与人类生理、代谢及营养关系方面作出的重要贡献。
									</div>
								</a>
							</li>
							<li>
								<a href="circle/circle-post.html">
									<div class="top">
										<div class="img">
											<img src="img/example1.png" />
										</div>
										<dl><dt>王医生</dt>
											<dd>内科</dd>
										</dl>
										<span class="reply"><i class="fa fa-commenting-o"></i>25</span>
										<span class="time">02-06</span>
									</div>
									<p class="title">肠道微生态与功能性胃肠病</p>
									<div class="content-img">
										<img src="img/example3.png" />
										<img src="img/example4.jpg" />
										<img src="img/example6.jpg" />
									</div>
								</a>
							</li>
							<li>
								<a href="circle/circle-post.html">
									<div class="top">
										<div class="img">
											<img src="img/example2.png" />
										</div>
										<dl><dt>王医生</dt>
											<dd>内科</dd>
										</dl>
										<span class="reply"><i class="fa fa-commenting-o"></i>25</span>
										<span class="time">02-06</span>
									</div>
									<p class="title">肠道微生态与功能性胃肠病</p>
									<div class="content-text">
										全球胃肠病学研究者和临床医生在肠道微生态、早癌内镜诊治、炎症性肠病等领域硕果累累 2015年美国汤森路透“引文桂冠奖”(医学组)颁发给了美国华盛顿大学戈登(JeffreyI.Gordon)教授，以表彰其团队在验证人类肠道微生物群落与人类生理、代谢及营养关系方面作出的重要贡献。
									</div>
								</a>
							</li>
						</ul>
					</div>
					<!--帖子end-->
					<!--我的圈子-->
					<div id="item2mobile" class="mui-slider-item mui-control-content " style="overflow-y: scroll;">
						<!--<div id="scroll2" class="mui-scroll-wrapper">
							<div class="mui-scroll">-->
						<a ontouchstart='openWindow("circle/circle-circle-add.html", "circle/circle-circle-add.html");' class="circleAddButton"><i class="mui-icon mui-icon-plus"></i>加入更多圈子</a>
						<ul class="circle-ul-2" id="circle-area">
							<li class="title">我创建的圈子(1)</li>
							<li>
								<a href="circle/circle-circle.html">
									<img src="img/example4.png" />
									<dl><dt>美食圈</dt>
										<dd>
											<p class="circle-SimNum"><i class="mui-icon mui-icon-contact"></i>12222</p>
											<p class="text-overhide">肠道微生态与功能性胃肠病</p>
										</dd>
									</dl>
									<span>今日&nbsp;100</span>
								</a>
							</li>
							<li class="title">我加入的系统圈(2)</li>
							<li>
								<a href="circle/circle-circle.html">
									<img src="img/example4.png" />
									<dl><dt>刘医生的医患圈</dt>
										<dd>
											<p class="circle-SimNum"><i class="mui-icon mui-icon-contact"></i>12222</p>
											<p class="text-overhide">肠道微生态与功能性胃肠病</p>
										</dd>
									</dl>
									<span>今日&nbsp;100</span>
								</a>
							</li>
							<li>
								<a href="circle/circle-circle.html">
									<img src="img/compass.png" />
									<dl><dt>风湿指南</dt>
										<dd>
											<p class="circle-SimNum"><i class="mui-icon mui-icon-contact"></i>12222</p>
											<p class="text-overhide">肠道微生态与功能性胃肠病</p>
										</dd>
									</dl>
									<span>今日&nbsp;100</span>
								</a>
							</li>
							<li>
								<a href="circle/circle-circle.html">
									<img src="img/dongtai.png" />
									<dl><dt>风湿动态</dt>
										<dd>
											<p class="circle-SimNum"><i class="mui-icon mui-icon-contact"></i>12222</p>
											<p class="text-overhide">肠道微生态与功能性胃肠病</p>
										</dd>
									</dl>
									<span>今日&nbsp;100</span>
								</a>
							</li>
							<li class="title">我加入的用户圈(2)</li>

							<li>
								<a href="circle/circle-circle.html">
									<img src="img/example4.png" />
									<dl><dt>武汉风湿圈</dt>
										<dd>
											<p class="circle-SimNum"><i class="mui-icon mui-icon-contact"></i>12222</p>
											<p class="text-overhide">肠道微生态与功能性胃肠病</p>
										</dd>
									</dl>
									<span>今日&nbsp;100</span>
								</a>
							</li>
						</ul>
					</div>
					<!--</div>
					</div>-->
				</div>
			</div>
		</div>
		<!-------------风湿圈 end-------------->

		<!---------------我-------------->
		<div class="mui-content2 mui-control-content mui-fullscreen mui-scroll-wrapper" id="tab-view-wo" style="background:#efefef!important;">
			<!--<header class="mui-bar mui-bar-nav km-navbar">
				<h1 id="title" class="mui-title km-view-title">我</h1>
			</header>-->
			<div class="mui-scroll">
				<div class="wo-header">
					<a class="wo-img" href="#getPictureIndex">
						<img src="img/img2.png" />
					</a>
					<p class="wo-name" id="woname"></p>
					<p class="wo-keshi" id="ksname"></p>
				</div>
				<ul class="member-static">
					<li>
						<a ontouchstart=' openWindow("circle/circle-my-post.html", "circle/circle-my-post.html");'>
							<dl><dt>3</dt>
								<dd>话题</dd>
							</dl>
						</a>
					</li>
					<li>
						<a ontouchstart=' openWindow("circle/circle-guanzhu-list.html", "circle/circle-guanzhu-list.html");'>
							<dl><dt>12</dt>
								<dd>关注</dd>
							</dl>
						</a>
					</li>
					<li>
						<a>
							<dl><dt>332</dt>
								<dd>粉丝</dd>
							</dl>
						</a>
					</li>
				</ul>
				<!--个人简介,简介处默认填写（空），-->
				<!--<ul class="mui-table-view jianjie-collapse">
					<li class="mui-table-view-cell mui-collapse">
						<a class="mui-navigate-right" href="#" style="line-height: 30px!important;text-align: center;font-size:13px;">个人简介</a>
						<ul class="mui-table-view mui-table-view-chevron">
							<li class="mui-table-view-cell">
								博士，主任医师，兼职教授，硕士生导师，中国妇幼保健中心特聘专家、中国妇幼保健协会特聘专家，中国医院协会妇产医院分会副主委、中国妇幼保健协会常务理事、中国优生优育协会常务理事、中华预防医学会理事，湖北省医师协会副会长、湖北省预防医学会副会长、湖北省妇幼保健协会常务副会长、湖北省优生优育协会会长、湖北省医学会常务理事、湖北省医院管理学会常务理事等。省人大代表、省人大教科文卫委员会委员，享受省政府特殊津贴。从事医疗及管理近30年，积累了一定的经验。2004年被评为全省优秀院长、2006年被评为全国优秀院长，发表学术论文30余篇，主编参编出版了《医学科技与应用写作》、《医学公共关系》、《环境优生学》等20多本学术箸作。参与了多项科学研究（其中国家重点科技项目1项，获省科技进步二等奖1项、三等奖1项）。目前的专科及研究方向为男性不育及女性不孕的辅助生殖技术。
							</li>
							<li class="mui-table-view-cell">
								<a class="weihu-jianjie" ontouchstart="openWindow('circle/circle-jianjie.html','circle/circle-jianjie.html')" style="line-height: 30px!Important;"><i class="fa fa-edit"></i>维护个人简介</a>
							</li>
						</ul>
					</li>
				</ul>-->
				<!--个人简介 end-->
				<!--<ul class="mui-table-view mui-table-view-chevron">
						<li class="mui-table-view-cell mui-media">
							<a class="mui-navigate-right" href="#account">
								<img class="mui-media-object mui-pull-left head-img" id="head-img" src="img/moren.jpg">
								<div class="mui-media-body">
									康熙
									<p class='mui-ellipsis'>账号:hellomui</p>
								</div>
							</a>
						</li>
					</ul>-->
				<ul class="mui-table-view img-table-view" id="area-wo">
					<li class="mui-table-view-cell">
						<a class="mui-navigate-right" href="circle/circle-message.html">
							<div class="img "><img src="img/index-wo-xxls.png" /></div>我的消息<span class="num-pot">22</span></a>
					</li>
					<!--<li class="mui-table-view-cell">
							<a class="mui-navigate-right" href="view/wo-pinggu.html">
								<div class="img "><img src="img/index-wo-pgbg.png" /></div>评估报告</a>
						</li>-->
					<li class="mui-table-view-cell">
						<a class="mui-navigate-right" href="circle/circle-guanzhu-list.html">
							<div class="img "><img src="img/index-wo-pgbg.png" /></div>我的关注</a>
					</li>
					<li class="mui-table-view-cell">
						<a class="mui-navigate-right" href="circle/circle-history.html">
							<div class="img "><img src="img/index-wo-llls.png" /></div>浏览历史</a>
					</li>

					<li class="mui-table-view-cell">
						<a class="mui-navigate-right" href="circle/circle-myFav.html">
							<div class="img "><img src="img/index-wo-wdsc.png" /></div>我的收藏</a>
					</li>
				</ul>
				<ul class="mui-table-view img-table-view">
					<li class="mui-table-view-cell">
						<a class="mui-navigate-right" href="view/barcode_scan.html">
							<div class="img "><img src="img/index-wo-scan.png" /></div>扫一扫</a>
					</li>
					<!--<li class="mui-table-view-cell">
						<a class="mui-navigate-right" href="view/wo-salary-list.html">
							<div class="img "><img src="img/index-wo-yjfk.png" /></div>意见反馈</a>
					</li>-->
					<li class="mui-table-view-cell">
						<a class="mui-navigate-right" href="view/wo-edit-password.html">
							<div class="img"><img src="img/index-wo-xgmm.png" /></div>修改密码</a>
					</li>
				</ul>
				<a class="exit-button" style="margin-bottom:15px;">退回登陆</a>
			</div>
		</div>
		<!-------------我 end-------------->

		<!--------------footer-------------------->
		<nav id="footermenu " class="mui-bar mui-bar-tab " style="background-color: #2a2a2d;">
			<a id="tabbar-index " class="mui-tab-item mui-active " href="#tab-view-index ">
				<span class="fa fa-home "></span>
				<span class="mui-tab-label ">首页</span>
			</a>
			<a id="tabbar-doctor " class="mui-tab-item " href="#tab-view-doctor ">
				<span class="fa fa-user-md "></span>
				<span class="mui-tab-label ">我的医生</span>
			</a>
			<a id="tabbar-chat " class="mui-tab-item " href="#tab-view-chat ">
				<span class="fa fa-comments-o"></span>
				<span class="mui-tab-label ">问诊记录</span>
			</a>
			<a id="tabbar-cirlce " class="mui-tab-item " href="#tab-view-circle ">
				<span class="fa fa-newspaper-o"></span>
				<span class="mui-tab-label ">风湿圈</span>
			</a>
			<a id="tabbar-wo " class="mui-tab-item " href="#tab-view-wo ">
				<span class="fa fa-cogs "></span>
				<span class="mui-tab-label ">我的</span>
			</a>
		</nav>

		<!--帖子菜单-->
		<div id="pop-postMenu" class="mui-popover pop-postMenu">
			<ul id="area-postMenu">
				<li><a>热帖</a></li>
				<li><a>最新</a></li>
				<li><a>我的帖子</a></li>
				<li><a>我的关注</a></li>
				<li><a>我的收藏</a></li>
			</ul>
		</div>

		<!--服务付费确认-->
		<div id="actionsheet-pay" class="mui-popover mui-popover-action mui-popover-bottom">
			<div class="pay-confirm">
				<i class="fa fa-picture-o"></i>
				<dl>
					<dt>图文咨询-刘医生</dt>
					<dd>通过文字、图片、语音进行咨询<span class="old-data">50人已购买</span></dd>
				</dl>
				<span class="price">￥10/次</span>

			</div>
			<a class="enter-pay" ontouchstart="openWindow('view/doctor-pay.html','view/doctor-pay.html')" href="#actionsheet-pay">立即购买</a>
		</div>
		<script src="js/zepto.min.js"></script>
		<script src="js/index.js "></script>
		<script src="js/mui.min.js "></script>
		<script src="js/Global.js "></script>
		<script type="text/javascript " charset="utf-8 ">
			mui.init({
				statusBarBackground: '#ffffff',
				statusBarStyle: 'UIStatusBarStyleDefault'
			});
			//---------------苹果滚动---------------------
			mui('.mui-scroll-wrapper').scroll();
			//---------------安卓滚动---------------------
			mui('.mui-scroll-wrapper').scroll({
				bounce: false
			});
			//=======问诊记录-点击事件
			mui('#tab-view-chat').on('tap', 'a', function() {
					var id = this.id;
					var title = this.title;
					var href = this.href;
					if (href) {
						if (href.indexOf("#") < 0) {
							openWindow(href, href, {
								id: id,
								title: title
							});
						} else {
							return;
						}
					} else {
						return;
					}
				})
				//			问诊记录顶部菜单
			mui('#segmentedControl').on('tap', 'a', function() {
					var id = this.id;
					$("#" + id + "div").show().siblings("div").hide();
				})
				//=======个人中心-点击事件
			mui('#tab-view-wo').on('tap', 'a', function() {
				var id = this.id;
				var title = this.title;
				var href = this.href;
				if (href) {
					if (href.indexOf("#") < 0) {
						openWindow(href, href, {
							id: id,
							title: title
						});
					} else {
						return;
					}
				} else {
					return;
				}
			})

			function showDtAdd() {
				console.log(123);
				document.getElementById('dt-add').style.display = "block";
			}

			function hideDtAdd() {
				document.getElementById("dt-add").style.display = "none";
			}
			//=======首页-点击事件
			mui('#tab-view-index').on('tap', 'a', function() {
				var id = this.id;
				var title = this.title;
				var href = this.href;
				if (href) {
					if (href.indexOf("#") < 0) {
						openWindow(href, href, {
							id: id,
							title: title
						});
					} else {
						return;
					}
				} else {
					return;
				}
			});
			//=======圈子-顶部header菜单-点击事件
			mui('#link-circle-top').on('tap', 'a', function() {
					var id = this.id;
					var title = this.title;
					var href = this.href;
					openWindow(href, href, {
						id: id,
						title: title
					});
				})
				//=======帖子列表-点击事件
			mui('#post-area').on('tap', 'a', function() {
				var id = this.id;
				var title = this.title;
				var href = this.href;
				openWindow(href, href, {
					id: id,
					title: title
				});
			});
			//===============典型案例-点击事件
			mui('#area-yzzx').on('tap', 'a',
				function() {
					var id = this.id;
					var title = this.title;
					var href = this.href;
					openWindow(href, href, {
						id: id,
						title: title
					});
				});
			//===============患者好评-点击事件
			mui('#area-hzhp').on('tap', 'a',
				function() {
					var id = this.id;
					var title = this.title;
					var href = this.href;
					openWindow(href, href, {
						id: id,
						title: title
					});
				});
			mui('#post-area2').on('tap', 'a', function() {
				var id = this.id;
				var title = this.title;
				var href = this.href;
				openWindow(href, href, {
					id: id,
					title: title
				});
			});
			//=======圈子列表-点击事件
			mui('#circle-area').on('tap', 'a', function() {
					var id = this.id;
					var title = this.title;
					var href = this.href;
					openWindow(href, href, {
						id: id,
						title: title
					});
				})
				//=======帖子类别菜单-点击事件
			mui('#area-postMenu').on('tap', 'a', function() {
				var text = $(this).text();
				$("#button-postMenu span").text(text);
				hidePostMenu();
			});

			function showPostMenu() {
				if ($(event.currentTarget).hasClass("mui-active")) {
					mui('#pop-postMenu').popover('show');
				} else {
					return;
				}
			}
			$(".mui-backdrop").live("tap", function() {
				hidePostMenu();
			});

			function hidePostMenu() {
				$('#pop-postMenu').removeClass("mui-active").css("display", "none")
				$(".mui-backdrop").remove();
			}
		</script>
	</body>

</html>